<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <!-- 隐藏状态栏  -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <!-- <title>点餐</title> -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/details.css">
    <style>
    .loadMore {
        width: 100%;
        height: 20px;
        line-height: 20px;
        text-align: center;
        font-size: 12px;
    }
    </style>
</head>

<body class="ng-cloak" ng-app="CheerHiWx" ng-controller="IndexCtrl">
    <header>
        <div class="wrapper clearfix">
            <div class="login_fl fl">
                <a href="person-center.html" class="login_icon">
                    <img src="img/menu-icon.png" alt="">
                </a>
            </div>
            <h1 class="top_title" ng-bind="brand"></h1>
        </div>
    </header>
    <article class="shop_choise" ng-repeat="shop in listArr" ng-click="shopSelectMeal(shop.shopId,shop.shopName)">
        <img ng-src="{{shop.srcImg}}" alt="">
        <div class="info p10">
            <div class="fl content">
                <h1 ng-bind="shop.shopName"></h1>
                <span class="score-level">
            <b style="width:{{calcStarWidth(shop.shopScore)}}px;"></b>
          </span>
                <i ng-bind="shop.shopScore"></i>分
            </div>
            <div class="fr content">
                <p style="padding-left: 70px;" ng-bind="shop.distanceStr"></p>
                <p style="margin-top: 5px;" ng-bind="shop.foodInfo"></p>
            </div>
        </div>
    </article>
    <div class="loadMore" ng-bind="loadMoreTxt.dscp" ng-click="loadMore()"></div>
    <div class="serve">
        <img src="img/h.png" alt="" />
        <small>去嗨科技提供技术支持</small>
    </div>
</body>
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/angular.min.js"></script>
<script type="text/javascript" src="js/constants.js"></script>
<script src="js/common.js"></script>
<script src="js/index_demo.js"></script>
<script>
    _maq.push(['_setMaq', 'index_demo']);
</script>
</html>
</html>
